/*Edited by Smail Zagrljača*/
a {
    color: #6337ae/* #522e92;*/
}

a:hover{
    color: #522e92;
}
/*Services-box id news*/
#sbnews{
    padding: 4px;
}

/*Za preprečitev hoverja na izbranih elementih, ki ga po defaultu imajo
*/
.nohover {
    pointer-events: none;
}

.nocolor {
    text-decoration: none;
    color: black;
}

.smallnews {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*-webkit-line-clamp: 2;  number of lines to show. To se odstrani, zato, da se prikaže cela novica!!!*/
    -webkit-box-orient: vertical;
}

/* Style Buttons */
#buttonsmall{
    height: 26px;
    width: 100px;
    padding: 0;
}
.btn {
    border: 3px solid #522e92;
    color: #522e92;
}
.btn:hover,
.btn:active,
.btn:focus {
    background-color: #522e92;
    border-color: #522e92;
    color: #ffffff;
}
.btn-white {
    background-color: transparent;
    border: 3px solid #ffffff;
    color: #ffffff;
}
.btn-color {
    background-color: #522e92;
    border: 3px solid #522e92;
    color: #ffffff;
}
.btn-color:hover,
.btn-color:active,
.btn-color:focus {
    background-color: #6337ae;
    border: 3px solid #6337ae;
}

.btn-success {
    border-color: #8dc153;
    color: #8dc153;
}
.btn-success:hover {
    border-color: #8dc153;
    color: #ffffff;
    background-color: #8dc153;
}
.btn-warning {
    border-color: #ff7f00;
    color: #ff7f00;
}
.btn-warning:hover {
    border-color: #ff7f00;
    color: #ffffff;
    background-color: #ff7f00;
}
.btn-info {
    border-color: #1a9dd3;
    color: #1a9dd3;
}
.btn-info:hover {
    border-color: #1a9dd3;
    color: #ffffff;
    background-color: #1a9dd3;
}
.btn-inactive {
    border-color: #bbbbbb;
    color: #eeeeee;
    background-color: #bbbbbb;
}
.btn-inactive:hover {
    border-color: #bbbbbb;
    color: #eeeeee;
    background-color: #bbbbbb;
}

.btn-white:hover,
.btn-white:active,
.btn-white:focus {
    border-color: #ffffff;
    color: #522e92;
    background-color: #ffffff;
}
.btn-link {
    border: none;
    color: #522e92;
}
.btn-link:hover {
    border: none;
    color: #6337ae;
    background-color: transparent;
}
.circle-button {
    border: 2px solid #522e92;
    background-color: transparent;
    color: #522e92;
}
select {
    border: 2px solid #522e92;    
}
/* End Style Buttons */
blockquote:before {
    color: #522e92;
}
blockquote {
    border-color: #522e92;
}

.form-control:focus {
    border-color: #522e92;
}

.color-font {
    color: #7c51c8;
}

.color-font-dark {
    color: #6337ae;
}

.cookiebanner {
    position: fixed;
    height: auto;
    left: 0;
    bottom: 0;
    background-color: rgba(38 46 70 / 80%);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 1000;
    width: 100%;
    padding: 11px;
    font-size: 13px;
    font-weight: 600;
    color: white;
}

.numinput {
    border-color: #522e92;
}
/* Header */
#MainHeader .slogan {
    color: #ffffff;
}
#MainHeader .slogan .square {
    background-color: #522e92;
}
/* End Header */
/* Navigation */
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #522e92;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #522e92;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #522e92;
}
/* Hover pri črnem nav panelu na navigacijske gumbe, da zamenjajo barvo z bele na srebrno*/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: silver;
}

.navbar-middle .navbar-nav > .active > a,
.navbar-middle .navbar-nav > .active > a:hover,
.navbar-middle .navbar-nav > .active > a:focus {
    color: #522e92;
}
.navbar-middle .navbar-nav > li > a:hover,
.navbar-middle .navbar-nav > li > a:focus {
    color: #522e92;
}

.navbar-default .navbar-header,
.navbar-inverse .navbar-header {
    background-color: #6337ae;
}
.navbar-default .triangle,
.navbar-inverse .triangle {
    border-color: transparent transparent transparent #6337ae;
}
.navbar-default > li a:active,
.navbar-inverse > li a:active,
.navbar-default > li a:hover,
.navbar-inverse > li a:hover,
.navbar-default > li a:focus,
.navbar-inverse > li a:focus {
    border-bottom: 3px solid #522e92;
}
.navbar-default .active a,
.navbar-inverse .active a,
.navbar-default .active a:active,
.navbar-inverse .active a:active,
.navbar-default .active a:hover,
.navbar-inverse .active a:hover,
.navbar-default .active a:focus,
.navbar-inverse .active a:focus {
    border-bottom: 3px solid #522e92;
}
.navbar-default .active li a:active,
.navbar-inverse .active li a:active,
.navbar-default .active li a:hover,
.navbar-inverse .active li a:hover,
.navbar-default .active li a:focus,
.navbar-inverse .active li a:focus {
    background: #522e92 !important;
    color: #ffffff;
}
.navbar-inverse.remove-left-red .navbar-brand:hover {
    color: #522e92;
}
.navbar-color {
    background-color: #522e92;
}
.navbar-color .navbar-header {
    background-color: #000000;
}
.navbar-color .triangle {
    border-color: transparent transparent transparent #ffffff;
}
.navbar-color.remove-left-red .navbar-brand {
    color: #ffffff;
}
.navbar-color a {
    color: #ffffff;
}
.navbar-transparent > li a:active,
.navbar-transparent > li a:hover,
.navbar-transparent > li a:focus {
    border-bottom: 3px solid #522e92;
    color: #522e92;
}
.navbar-transparent > li.active a {
    color: #522e92;
}
.navbar-transparent .active a,
.navbar-transparent .active a:active,
.navbar-transparent .active a:hover,
.navbar-transparent .active a:focus {
    border-bottom: 3px solid #522e92;
}
.navbar-middle .nav.navbar-nav > li.active > a {
    color: #522e92;
}
.navbar-middle .nav.navbar-nav > li a:active,
.navbar-middle .nav.navbar-nav > li a:hover,
.navbar-middle .nav.navbar-nav > li a:focus {
    border-bottom: 3px solid #522e92;
}
.navbar-middle .nav.navbar-nav .active a,
.navbar-middle .nav.navbar-nav .active a:active,
.navbar-middle .nav.navbar-nav .active a:hover,
.navbar-middle .nav.navbar-nav .active a:focus {
    border-bottom: 3px solid #522e92;
}
.navbar-middle .nav.navbar-nav .active li a:active,
.navbar-middle .nav.navbar-nav .active li a:hover,
.navbar-middle .nav.navbar-nav .active li a:focus {
    background: #522e92 !important;
    color: #ffffff;
}
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-submenu > li > a:hover,
.navbar .dropdown-menu > li > a:active,
.navbar .dropdown-submenu > li > a:active,
.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-submenu > li > a:focus {
    background-color: #522e92;
}
.navbar .dropdown-menu > li.active > a {
    color: #522e92;
}
.navbar .dropdown-menu > li.active > a:hover,
.navbar .dropdown-menu > li.active > a:active,
.navbar .dropdown-menu > li.active > a:focus {
    color: #522e92 !important;
}
/* back to top link */
#toTop:hover {
    background-color: #522e92;
}
/* End Navigation */
/* Sections */
.color-row {
    background-color: #6337ae;
}
.quote .quote-mark-left {
    color: #522e92;
}
.quote .quote-mark-right {
    color: #522e92;
}
/* Team */
.team-container .person-image .person-hover {
    background: rgba(82, 46, 146, 0.7);
}
/* progress bar */
.progress {
    border: 2px solid #522e92;
}
.progress .bar {
    background: #522e92 !important;
}
#colorbox #cboxPrevious,
#colorbox #cboxNext,
#colorbox #cboxSlideshow,
#colorbox #cboxClose {
    border: 2px solid #522e92;
    color: #522e92;
}
#colorbox #cboxPrevious {
    right: 150px;
    left: auto;
}
#colorbox #cboxNext {
    right: 100px;
    left: auto;
}
#colorbox #cboxClose {
    right: 50px;
}
#colorbox #cboxPrevious:hover,
#colorbox #cboxNext:hover,
#colorbox #cboxClose:hover {
    background-color: #522e92;
    color: #ffffff;
}
/* End Team */
/* Services */
.services .services-box .price-container.active,
.price-list .services-box .price-container.active,
.services .prices-box .price-container.active,
.price-list .prices-box .price-container.active {
    background-color: #522e92;
}
.services .services-box:hover,
.price-list .services-box:hover {
    background-color: #522e92;
    color: #ffffff;
    border-color: #522e92;
}
.services .services-box:hover .circle-border-inside,
.price-list .services-box:hover .circle-border-inside {
    border: 10px solid #522e92;
}
/* End Services */
/* Blog */
#wp-calendar thead {
    background-color: #522e92;
    color: #ffffff;
}
.blog-pagination .pagination li {
    border-color: #522e92;
}
.blog-pagination .pagination li a:hover {
    border-bottom: 3px solid #522e92;
}
.blog-pagination .pagination .active a {
    color: #522e92;
}
.blog-pagination .pagination .active a:hover {
    border-bottom: 3px solid #522e92;
}
.blog-pagination-single .pager a:hover {
    color: #522e92;
}
.blog-quote-mark {
    color: #522e92;
}
.blog-col .search button,
footer .search button {
    color: #522e92;
}
/* End Blog */
/* 404 Page */
.bug {
    color: #522e92;
}
.error404 .error404-symbol {
    color: #6337ae;
}
/* End 404 Page */
/* Faq */
.faq-menu li.active > a {
    background-color: #522e92;
    color: #ffffff;
}
/* End Faq */
/* End Sections */
/* Elements */
/* Breadcumbs */
.breadcrumb li + li:before {
    color: #522e92;
}
/* Tabs */
.nav-tabs.nav-justified li.active a:before {
    background-color: #522e92;
}
.tabs-left > .nav-tabs li.active a:before {
    background-color: #522e92;
}
/* End Tabs */
/* Begin accordion*/
.panel-group .panel .panel-heading .panel-title a:before {
    color: #522e92;
}
.panel-group .panel .panel-body {
    border-left: 4px solid #522e92;
}
.panel-body {
    margin-bottom: 1em;
}
/* End Accordion */
/* Begin tables */
.table-striped thead {
    background-color: #522e92;
    color: #ffffff;
    border-left: 2px solid #522e92;
}

.table-striped-sw thead {
    color: black;
    font-weight: bold;
}
/* End tables */
/* Media list */
.media.feature-list .icon {
    color: #522e92;
}
.media.feature-list .number {
    color: #522e92;
}
/* End media list */
/* Begin Twitter */
.tweets ul .tweet_name {
    color: #522e92;
}
.tweets .arrows .flex-direction-nav a:hover {
    color: #522e92;
}
/* End Twitter */
/* -------------- SOCIAL ICONS -------------------*/
.circle-btn {
    border: 2px solid #522e92;
    color: #522e92;
}
.circle-btn:hover {
    border-color: #522e92;
    background-color: #522e92;
}
#MainHeader .circle-btn:hover,
.social-top-fix .circle-btn:hover,
.color-row .circle-btn:hover,
.parallax .circle-btn:hover,
.top-info .circle-btn:hover {
    color: #522e92;
}
/* -------------------- CIRCLE IMAGES ----------------------- */
.circleBox .circle-border-outside {
    position: relative;
    border: 10px solid #522e92;
}
.circleBox .circle-border-outside .circle-triangle {
    border-color: #522e92 transparent transparent transparent;
}
/* ------------------------- PIE CHARTS ------------------------ */
.pie-chart > span {
    color: #522e92;
}
/* ------------------------ WORKS GALLERY ---------------------------- */
.projects .project .image .item-hover .item-icons li a,
.lightbox-image .image .item-hover .item-icons li a {
    background-color: rgba(82, 46, 146, 0.7);
    color: #ffffff;
}
.projects .project .image .item-hover .item-icons li:hover a,
.lightbox-image .image .item-hover .item-icons li:hover a {
    color: #522e92;
}
.portfolioFilter a {
    border: 2px solid #522e92;
    color: #522e92;
}
.portfolioFilter a:hover {
    border: 2px solid #522e92;
    background-color: #522e92;
}
/* ------------------------ GMAPS3 ---------------------------- */
.map .googleMap .googleMap-description .googleMap-triangle {
    border-color: transparent #522e92 transparent transparent;
}
/* ------------------------------------ d3.js ----------------------------------------- */
.q0-9 {
    fill: #fffef7;
}
.q1-9 {
    fill: #fff8d5;
}
.q2-9 {
    fill: #fff3b5;
}
.q3-9 {
    fill: #ffea7f;
}
.q4-9 {
    fill: #ffe041;
}
.q5-9 {
    fill: #ffd709;
}
.q6-9 {
    fill: #d6b400;
}
.q7-9 {
    fill: #a48a00;
}
.q8-9 {
    fill: #726000;
}
/* ------------------------------------ flex slider ----------------------------------------- */
.flexslider .flex-direction-nav a:hover {
    color: #522e92;
}
.fullscreen-flexslider .flex-direction-nav a:hover,
.fullscreen-flexslider-ken-burns .flex-direction-nav a:hover {
    color: #522e92;
}
/* ------------------------------------ Parallax Slider 2 ----------------------------------------- */
#MainHeader .content .container .table-align .middle-align .social-unit {
    background-color: rgba(82, 46, 146, 0.5);
}
/* ------------------------------------ revolution slider ----------------------------------------- */
.rev-slider .tp-caption a:hover,
.rev-slider .tp-caption a:active,
.rev-slider .tp-caption a:focus {
    color: #522e92;
}
/*******************************************************************************
		-	BULLETS AND ARROWS ADD ONS TO THE EXISTING VERSION 	-
*******************************************************************************/

.tparrows:hover {
    color: #522e92 !important;
}
/* End Elements */
@media (min-width: 990px) {
    .fullscreen-flexslider .flex-viewport,
    .fullscreen-slider-slogan .flex-viewport,
    .fullscreen-flexslider-ken-burns .flex-viewport {
        height: 100% !IMPORTANT;
    }
    .navbar-middle .navbar-collapse.collapse {
        text-align: center;
        /* Set this */
        display: block !important;
        /*height: auto !important; ORIGINAL*/
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-middle .navbar-nav {
        display: inline-block;
        float: none;
        margin: 0;
    }
}
@media (max-width: 990px) {
    .navbar-default .navbar-header .navbar-toggle:hover .icon-bar,
    .navbar-default .navbar-header .navbar-toggle:active .icon-bar,
    .navbar-default .navbar-header .navbar-toggle:focus .icon-bar {
        background-color: #522e92;
    }
    .navbar-default .navbar-collapse li .dropdown-menu li a:hover,
    .navbar-default .navbar-collapse li .dropdown-menu li a:active,
    .navbar-default .navbar-collapse li .dropdown-menu li a:focus {
        background-color: #522e92;
    }
    .navbar-default .navbar-collapse .open .dropdown-menu a:hover,
    .navbar-default .navbar-collapse .open .dropdown-menu a:active,
    .navbar-default .navbar-collapse .open .dropdown-menu a:focus {
        color: #522e92;
    }
    .navbar-inverse .navbar-header .navbar-toggle:hover .icon-bar,
    .navbar-inverse .navbar-header .navbar-toggle:active .icon-bar,
    .navbar-inverse .navbar-header .navbar-toggle:focus .icon-bar {
        background-color: #522e92;
    }
    .navbar-inverse .navbar-collapse li .dropdown-menu li a:hover,
    .navbar-inverse .navbar-collapse li .dropdown-menu li a:active,
    .navbar-inverse .navbar-collapse li .dropdown-menu li a:focus {
        background-color: #522e92;
    }
    .navbar-inverse .navbar-collapse .open .dropdown-menu a:hover,
    .navbar-inverse .navbar-collapse .open .dropdown-menu a:active,
    .navbar-inverse .navbar-collapse .open .dropdown-menu a:focus {
        color: #522e92;
    }
    .navbar-color .navbar-header .navbar-toggle:hover .icon-bar,
    .navbar-color .navbar-header .navbar-toggle:active .icon-bar,
    .navbar-color .navbar-header .navbar-toggle:focus .icon-bar {
        background-color: #522e92;
    }
    .navbar-color .navbar-collapse li a:hover,
    .navbar-color .navbar-collapse li a:active,
    .navbar-color .navbar-collapse li a:focus {
        color: #522e92;
    }
    .navbar-color .navbar-collapse li .dropdown-menu li a:hover,
    .navbar-color .navbar-collapse li .dropdown-menu li a:active,
    .navbar-color .navbar-collapse li .dropdown-menu li a:focus {
        background-color: #522e92;
    }
    .navbar-color .navbar-collapse .open .dropdown-menu a:hover,
    .navbar-color .navbar-collapse .open .dropdown-menu a:active,
    .navbar-color .navbar-collapse .open .dropdown-menu a:focus {
        color: #522e92;
    }
    .navbar-transparent .navbar-header .navbar-toggle:hover .icon-bar,
    .navbar-middle .navbar-header .navbar-toggle:hover .icon-bar,
    .navbar-transparent .navbar-header .navbar-toggle:active .icon-bar,
    .navbar-middle .navbar-header .navbar-toggle:active .icon-bar,
    .navbar-transparent .navbar-header .navbar-toggle:focus .icon-bar,
    .navbar-middle .navbar-header .navbar-toggle:focus .icon-bar {
        background-color: #522e92;
    }
    .navbar-transparent .navbar-collapse li a:hover,
    .navbar-middle .navbar-collapse li a:hover,
    .navbar-transparent .navbar-collapse li a:active,
    .navbar-middle .navbar-collapse li a:active,
    .navbar-transparent .navbar-collapse li a:focus,
    .navbar-middle .navbar-collapse li a:focus {
        color: #522e92;
    }
    .navbar-transparent .navbar-collapse li .dropdown-menu li a:hover,
    .navbar-middle .navbar-collapse li .dropdown-menu li a:hover,
    .navbar-transparent .navbar-collapse li .dropdown-menu li a:active,
    .navbar-middle .navbar-collapse li .dropdown-menu li a:active,
    .navbar-transparent .navbar-collapse li .dropdown-menu li a:focus,
    .navbar-middle .navbar-collapse li .dropdown-menu li a:focus {
        background-color: #ffffff;
    }
    .navbar-transparent .navbar-collapse .open .dropdown-menu a:hover,
    .navbar-middle .navbar-collapse .open .dropdown-menu a:hover,
    .navbar-transparent .navbar-collapse .open .dropdown-menu a:active,
    .navbar-middle .navbar-collapse .open .dropdown-menu a:active,
    .navbar-transparent .navbar-collapse .open .dropdown-menu a:focus,
    .navbar-middle .navbar-collapse .open .dropdown-menu a:focus {
        color: #522e92;
    }
}

/*TESTIRANJE*/
.link-spanner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif 
  background-image: url('empty.gif');*/
}   


/*Show Modal SignUpNewsletter*/
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
}

/* Modal Content */
.modal-content {
    position: fixed;
    bottom: 0;
    background-color: #fefefe;
    width: 100%;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s
}

/* The Close Button */
.close {
    color: red;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {
    padding: 2px 16px;
}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

/* Add Animation */
@-webkit-keyframes slideIn {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes slideIn {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

/*End showModalNewsletter*/
/*Slike na revslider-ju*/
.revimg{
    height: auto !important;
    width: 60% !important;
}

@media (min-width: 992px) and (max-width: 1500px) {
    .revimg {
        height: auto !important;
        width: 80% !important;
    }
}
@media (max-width: 992px) {
    .revimg {
        height: auto !important;
        width: 100% !important;
    }
}

.sflag{
    padding-right: 0.1em;
}